I've created a series of dropdown menus that work fine in Firefox, Safari, Camino, etc. but will not work at all in Windows IE.
I'm presenting the whole file here hoping someone will come up with an answer. I've worked on this for days. Help will be appreciated.
The website is:
www.457thbombgroup.org/indexRR.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title>457th Bomb Gtoup Association Website</title>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0030)http://wF-->
<title>457th Bomb Group Association Home Page</title>
<style type="text/css">
<style fprolloverstyle="">A:hover {color: #FF0000; font-style: italic}
</style>
<style type="text/css">
<span style-"color:orange">
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}
#csstopmenu li{
float: left;
position: relative;
}
#csstopmenu a{
text-decoration: none;
}
.mainitems{
border: 1px solid black;
border-left-widthL 0;
background-color: #D8FE89
}
.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}
.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #99ccff;
border: 2px solid blue;
}
.submenus li{
width: 100%;
}
.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}
html>body .submenus li a{ /* non IE browsers */
width: auto;
}
.submenus li a:hover{
background-color: #3399ff;
color: black;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul {
display: block;
}
html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
</style>
<script type="text/javascript">
// CSS Top Menu- By JavaHTMLCode.com (http://www.JavaHTMLCode.com)
// Adopted from SuckerFish menu
// For this and over 1200+ free scripts, visit JavaHTMLCode- http://www.JavaHTMLCode.com/
// Please keep this credit intact
startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}
if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;
</script>
</head>
<meta name="description" content="Telling you all about the 457th Bomb Group during WW II, it men and crews, it's aircraft, it's daily routines with thousands of photographs.>
<meta name="keywords" Content="457th, bombardment, bomb, group, 457th bomb group, b-17, b17, B-17, B17, bomber, 8th army air corps, Glatton, 748th, 748th squadron, 749th, 749th squadron, 750th, 750th squadron, 751st, 751st squadron, squadron, 457th, Bombers, 94th Combat Wing, Promote, WWII, Connington, 8th Air Force, Eighth Air Force,"flying fortress">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="revisit-after" content="15 days">
<meta name="ROBOTS" content="INDEX,ALL">
<meta name="ROBOTS? content="INDEX, FOLLOW">
<meta content="Willard (Hap) Reese" name="author">
<meta content="MSHTML 5.00.2920.0" name="GENERATOR">
<body background="clouds3.jpg" bgcolor="#ffffcc" text="#FFFFFF"
link="#000000" alink="#0000ee" vlink="#551a8b">
<body link="#ffffff">
</head>
<body background="clouds3.jpg" bgcolor="#ffffcc" text="#FFFFFF"
link="#FFFFFF" alink="#0000ee" vlink="#551a8b">
<body link="#ffffff">
<basefont size="4">
<center><img src="Titlex.gif" width="90%"></td></center>
<table cols=8 width="100%" border="0" cellpadding="0" cellspacing="0">
<td width="10%" height="35">
<div align="center"> </div>
</td>
<td width="12.5%" height="35">
<div align="center"> </div>
</td>
<td width="12.5%" height="35">
<div align="center"><a
href="http://457thbombgroup.org/Newinput.html"> <img alt="What's New"
src="NovWhatsNew.gif" border="0" width="200" height="40">
</a></div>
<a href="http://457thbombgroup.org/Newinput.html"> </a></td>
<td width="10%" height="35">
<div align="center"> </div>
</td>
<td width="10%" height="35">
<div align="center"> </div>
</td></tr>
<table cols="8" width=90% border=0>
<tr><td> <br></td></tr>
<!--History-->
<td width="14%" valign="top" height="45">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><img alt="Historical Background of the 457th." src="NovGrouphistory.gif"
border="0" width="120" height="50">
</div>
<ul class="submenus">
<table border=5 width=100%>
<font color=#ffffff">
<tr><td> <a href="http://www.457thbombgroup.org/New/NewHistory457thxxx.html">History of the 457th
</a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/Shinners_list/intro.html">Detailed
Mission List </a><br></tr></td>
<tr><td> <a href="http://www.457thbombgroup.org/Fireball/fireball.html">Ken Blakebrough's Book </a></td></font>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Person to Person-->
<td width="14%" valign="top" height="35">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><font color=white><img alt="ButtonPersonToPerson" src="NovPersontoperson.gif" width="120" height="50">
</div>
<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/New/message.html">Message Board Introduction <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Guestbook.html">Guestbook <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Links.html">Links to other BG's</a></td></tr>
<div id="clearmenu" style="clear: left"></div>
</table>
<!-- Narrative-->
<td width="14%" valign="top" height="35">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"<font color=white><img
alt="Mission Narratives and loading lists" src="NovNarrative.gif"
border="0" width="120" height="50">
</div>
<ul class="submenus">
<table width=100% border=5>
<tr><td> <a href="http://www.457thbombgroup.org/Narratives/ll_index.html">Narratives & Loading Lists</a></td> </tr>
<tr><td>
<a href="http://www.457thbombgroup.org/New/Recollections/stories.html">Recollections from the Past
</a></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Flight Crews-->
<td width="14.5%" valign="top" height="35">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><img alt="Photos of Flight Crews." src="NovFlightcrews.gif" width="120" height="50">
</div>
<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/Roster/Roster_Page.html">Roster of Flyers <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/POW/POW.html">Names and camps of POW's <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/KIA/KIA.html">Names of all KIA</a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/memorial.html">Names and dates of fallen comrads <a>
</div></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Photo Archives-->
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><img alt="Photos Galore" src="NovPhotoArchives.gif" width="120" height="50">
</div>
<ul class="submenus">
<table border=5>
<tr><td><a href="http://www.457thbombgroup.org/aircraft_pictures/photoindex.html">457th Aircraft Photos</a></font></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/aircrews/pilotnames1.html">457th Air Crew Photos</a></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/Service_Personnel_1/intro.html">Ground Support Photos</a></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/Portrait_Gallery/Page1.html">Officers Portraits </a></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/Miscellaneous/Page1.html">Scenes from Around Glatton</a></tr></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Association Facts-->
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><font color=white><img alt="Facts about the Association" src="Nov457thAssn.gif" width="120
" height="50">
</div>
<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/New/Officers.html">Officers of the Association <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/membership.html">Membership <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Reunion1.html">Reunion Information</a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Newsletter/newsletter.html">Newsletters</a></font></td></tr>
<div id="clearmenu" style="clear: left"></div>
</table>
<!-- Of Special Interest>-->
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><font color=white><img alt="Special Interest" src="NovSpecialInterest.gif" width="120" height="50">
</div></font>
<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/1000AircraftFolder/coverpage.html">1000th Douglas Aircraft <a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Glatton/glatton_today.html">Recent photos of Glatton</a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/NoseArt/noseart.html">Nose Art</a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/slideshows.html">Slideshow or Misc. photos</a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/Fate/RL01.HTML">Database of all Aircraft </a></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu">
<li class="mainitems">
<div class="headerlinks"><font color=white><img alt="Recent Submittals" src="
NovRecentsubmissions.gif" width="120" height="50">
</div></font>
<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/Recent_Submittal/photos.html">Photos to be Installed</a>
<div id="clearmenu" style="clear: left"></div>
</table>
</table>
<center><img src="b17.gif" width=648 height=216></center>
<!--Sitesearch Program-->
<table width=85% border=0>
<tr> <td align=right>
<font size="2"><form name="searchForm" action="Search_home/searchresults.asp">
<input type="text" name="searchField" size="20">
<input type="submit" name="Submit" value="Website Search"> <p
></font><tr>
<td align=right>
<input type="radio" name="srcriteria" value="phrase">Search Exact Phrase <br>
<input type="radio" name="srcriteria" value="any" checked="checked">Any Word or Numbers<br>
</form><p></td>
</tr>
</table>
<!-- End Sitesearch Program-->
<table border="0" width="100%">
<tbody>
<tr>
<td colspan="5">
<center>
<big><big><big><i><b><font Color="#ff0000">United States 8th Air Force</b></i></h2></big></big></big>
</center>
</td>
</tr>
<tr>
<td> </td>
<td><br>
</td>
<td align="center" rowspan="4"><img height="260"
src="New/457patch2.gif" width="260">
</td>
<td><br>
</td>
<td> </td>
</tr>
<tr>
<td><br>
</td>
<td valign="bottom">
<center> <a
href="http://www.457thbombgroup.org/New/748patch.html"> <img
alt="748th Squadron Patch" border="0" height="100"
src="New/748Patch1.gif" width="100">
</a> </center>
</td>
<td valign="middle">
<center> <a
href="http://www.457thbombgroup.org/New/749patch.html"><img
align="middle" alt="749th Squadron Patch" border="0" height="100"
src="New/749Patch1.gif" width="100">
</a> </center>
</td>
<td><br>
</td>
</tr>
<tr>
<td><br>
</td>
<td align="center"><a
href="http://www.457thbombgroup.org/New/748thSquad.html"><img
alt="748th Squadron Information" border="0" height="30"
src="New/748thSquadron.gif" align="center" width="130">
</a></td>
<td align="center"><a
href="http://www.457thbombgroup.org/New/749thSquad.html"><img
alt="749th Squadron Information" border="0" height="30"
src="New/749thSquadron.gif" width="130">
</a></td>
<td><br>
</td>
</tr>
<tr>
<td align="bottom" rowspan="2">
<center> <a
href="http://www.457thbombgroup.org/New/750patch.html"><img
alt="750th Squadron Patch" border="0" height="100"
src="New/750patch1.gif" width="100">
</a> </center>
</td>
<td align="center"><img src="New/clear.gif" height="50"
width="130">
</td>
<td><br>
</td>
<td align="bottom" rowspan="2">
<center> <a
href="http://www.457thbombgroup.org/New/751patch.html"><img
alt="751st Squadron Patch" border="0" height="100"
src="New/751patch1.gif" width="100">
</a></center>
</td>
</tr>
<tr>
<td align="center" colspan="3" height="50">
<div align="center"><font color="#000000"><b><font size="2">"An Accomplished
Fact"</font></b></font> <p>
<i><font color="#ff0000"><font size="3"><b>The Fireball Outfit</b></font></font></i></div>
</td>
</tr>
<tr>
<td align="center""><a
href="http://www.457thbombgroup.org/New/750thSquad.html"><img
alt="750th Squadron Information" border="0" height="30"
src="New/750thSquadron.gif" width="130">
</a></td>
<td align="center" colspan="3"><font color="#ff0000"><i><b><Big><big>The Internet home of the 457th Bomb Group Association</big></big>
</b></font></i></font> <font size="3"> </font></td>
<td align="center"><a
href="http://www.457thbombgroup.org/New/751stSquad.html"><img
alt="751st Squadron Information" border="0" height="30"
src="New/751stSquadron.gif" width="130">
</a></td>
</tr>
</tbody>
</table><p>
<table width=100% border="0"><tr><td>
<br></td></tr>
<!-- End Sitesearch Program-->
<center><font color="#ff0000"><b><i> <a href="mailto:awreese@bellsouth.net"><font size="3">e-Mail the Webmaster </a> </i><p>
<p>
<a href="http://www.457thbombgroup.org/New/copyrit2.html"> <i>Copyright
©</i></a></b></font> </font></font></center>
<font size="2"><font color="#ff0000"> </font></font> <!--BEGIN COUNTER CODE-->
<center><p><p><p>
</body link="#ffffff">
</html>